<!doctype html>
<style>
    #target {
        font-size: 50px;
        text-decoration: underline solid black;
        transition: all 1s linear;
    }

    #target.final { text-decoration-color: red; }
</style>
<script src="../animations/resources/animation-test-helpers.js" type="text/javascript"></script>
<script>
    const expectedValues = [
        // [time, element-id, property, expected-value, tolerance]
        [0.5, 'target', 'text-decoration-color', [128, 0, 0], 64]
    ];

    function setupTest()
    {
        document.getElementById('target').className = 'final';
    }

    runTransitionTest(expectedValues, setupTest);
</script>
<span id="target">filler text</span>
